<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>皇室蛋糕</title>
<style type="text/css">
#fdck {
	border: 1px solid #c0c0c0;
	margin: 0 auto;
	padding: 5px;
	background: #f0f0f0
}
</style>
</head>
<link rel="stylesheet" href="layui/css/layui.css">
<script src="../layui/layui.js"></script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>尊贵身份的象征</title>

<!-- CSS -->
<link rel="stylesheet"
	href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/form-elements.css">
<link rel="stylesheet" href="assets/css/style.css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

<!-- Favicon and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144"
	href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
	href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
	href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
	href="assets/ico/apple-touch-icon-57-precomposed.png">

</head>
<style type="text/css">
#fdck {
	border: 1px solid #c0c0c0;
	margin: 0 auto;
	padding: 5px;
	background: #f0f0f0
}

</style>
<body>
	<script type="text/javascript"
		src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script type="text/javascript">
		
		var a_idx = 0;
		jQuery(document)
				.ready(
						function($) {
							$("body")
									.click(
											function(e) {
												var a = new Array( "皇室","蛋糕","富强",
														"民主", "文明", "和谐", "自由",
														"平等", "公正", "法治", "爱国",
														"敬业", "诚信", "友善");
												var $i = $("<span/>").text(
														a[a_idx]);
												a_idx = (a_idx + 1) % a.length;
												var x = e.pageX, y = e.pageY;
												$i
														.css({
															"z-index" : 999999999999999999999999999999999999999999999999999999999999999999999,
															"top" : y - 20,
															"left" : x,
															"position" : "absolute",
															"font-weight" : "bold",
															"color" : "#ff6651"
														});
												$("body").append($i);
												$i.animate({
													"top" : y - 180,
													"opacity" : 0
												}, 1500, function() {
													$i.remove();
												});
											});
						});
	</script>


	<!-- Top content -->
	<div class="top-content">

		<div class="inner-bg">
			<div class="container">
				<div class="row">
					<div class="col-sm-8 col-sm-offset-2 text">
						<h1>
							<strong>皇室</strong> 蛋糕
						</h1>
						<div class="description">
							<p>路上的小孩都馋哭了</p>

						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-6 col-sm-offset-3 form-box">
						<div class="form-top">
							<div class="form-top-left">
								<h3>亲爱的客人</h3>
								<p>请您登陆:</p>
							</div>
							<div class="form-top-right">
								<i class="fa fa-key"></i>
							</div>
						</div>
						<div class="form-bottom">
							<form role="form" action="adminIndex.jsp" method="post" class="login-form">
								<div class="form-group">
									<label class="sr-only" for="form-username">用户名</label> <input
										type="text" name="uname" placeholder="用户名"
										class="form-username form-control" id="form-username">
								</div>
								<div class="form-group">
									<label class="sr-only" for="form-password">密码</label> <input
										type="password" name="pwd" placeholder="密码"
										class="form-password form-control" id="form-password">
								</div>
								<button type="submit" class="btn">登录</button>
							</form>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-6 col-sm-offset-3 social-login">
						<h3>美味无法想象</h3>
						<div class="social-login-buttons">
							<a class="btn btn-link-1 btn-link-1-facebook"
								href="beautiful.jsp"> <i class="fa fa-facebook"></i> 有颜值
							</a> <a class="btn btn-link-1 btn-link-1-twitter" href="eat.jsp">
								<i class="fa fa-twitter"></i> 有美味
							</a> <a class="btn btn-link-1 btn-link-1-google-plus" href="#"> <i
								class="fa fa-google-plus"></i> 有保证
							</a> <a class="btn btn-link-1 btn-link-1-google-plus"
								href="success.jsp"> <i class="fa fa-google-plus"></i> 注册
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
	<!-- <div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div> -->


	<!-- Javascript -->
	<script src="assets/js/jquery-1.11.1.min.js"></script>
	<script src="assets/bootstrap/js/bootstrap.min.js"></script>
	<script src="assets/js/jquery.backstretch.min.js"></script>
	<script src="assets/js/scripts.js"></script>

	<!--[if lt IE 10]>
            <script src="assets/js/placeholder.js"></script>
        <![endif]-->

</body>
</html>